/**head**/

.head{height: 90px;background: #fff;position: relative;z-index: 99;}
.head .logo{display: block;margin-left: 2%;line-height: 90px;width: 365px;float: left;}
.logo img{width: 217px;height: 42px;}
.head .search_div{
    float:right;height:90px;width: 96px;position: relative;
    background: url("../images/search.png") center no-repeat;
    background-size:25px 25px;
}
.search_div .search_box{
    position: absolute;right:0;top:120%;padding: 8px;background: rgba(255,255,255,.5);
    opacity: 0;transition: top.5s,opacity .5s;visibility: hidden;z-index: 2;width: 230px;
}
.search_div:hover .search_box{opacity: 1;top:100%;visibility: visible;}
.search_box input[type='text']{
    width:200px;height:30px;padding-left: 15px;font-size: 14px;
    float:left;border: 1px solid #ddd;box-sizing: border-box;
}
.search_box input.sea_btn{
    float:left;width: 30px;height:30px;cursor: pointer;
    background:#ddd url("../images/search.png") no-repeat center;background-size: 60%;
}
.head .head_tel{
    display: block;float: right;margin:30px 2%;padding-left: 62px;color:#221814;
    line-height: 30px;border-left: 1px solid #e4e3e2;font-size: 15px;
    background: url("../images/tel.png") 26px center no-repeat;
    background-size:20px 20px;
}
.head .nav{float: right;}
.nav li{float: left;position: relative;width: 115px;text-align: center;}
.nav li.moNav{display: none;}
.nav li>a{display: block;font-size: 16px;color:#333;line-height: 90px;}
/*.nav li:hover>a,.nav li>a.act{color:#ef0000;}*/
.nav li:hover>a,.nav li>a.act{color:#ef0000;}
.nav li .nav_er{
    position: absolute;background:#fff;width:130px;text-align:center;line-height: 36px;z-index: 2;
    padding: 10px 0;transition: top .5s,opacity .5s;left:calc(50% - 65px);top:120%;opacity: 0;visibility: hidden;
}
.nav li:hover .nav_er{top:100%;opacity: 1;visibility: visible;}
.nav_er a{display: block;color:#333;font-size: 14px;}
.nav_er a:hover{background: #ef0000;color:#fff;}
.nav_btn{display: none;width:0.8rem;padding: 0.29rem 0;height:0.9rem;box-sizing: border-box;float:right;background: #ef0000;}
.nav_btn span{display: block;margin:0.1rem auto;}
.nav_btn:after,.nav_btn:before{content:" ";margin: auto;}
.nav_btn span,.nav_btn:after,.nav_btn:before{
    display: block;width: 0.4rem;height:0.04rem;transition: all .3s;
    background-color:#fff;border-radius: 0.05rem;position: relative;
}
.nav_btn.openNav span{opacity: 0;}
.nav_btn.openNav:before{transform: rotate(45deg);top:0.14rem;}
.nav_btn.openNav:after{transform: rotate(-45deg);bottom:0.14rem;}
/**banner**/
.banner_list li{height: auto;}
.banner_list li a{display: block;height: 100%;}
.banner .bx-wrapper .bx-controls-direction a{border-radius: 50%;background-color: rgba(0,0,0,.4);}
.banner .bx-wrapper .bx-controls-direction a:hover{background-color: rgba(0,0,0,.8);}
.banner .bx-wrapper .bx-prev{left: 7.5%;}
.banner .bx-wrapper .bx-next{right:7.5%;}
/**foot**/
.w1520{max-width: 1520px;margin: auto;}
.slogan_link{
    line-height: 85px;text-align: center;display: block;font-size: 20px;font-weight: bold;
    background:url("../images/bottom.jpg") center/cover no-repeat;color:#fff;
}
.slogan_link .SL_btn{
    display: inline-block;width: 136px;height: 40px;font-size: 14px;font-weight: normal;
    border: 1px solid #fff;border-radius: 21px;line-height: 40px;margin-left: 30px;transition: all .6s;
}
.slogan_link:hover .SL_btn{background: #d3b674;}
.bottom{line-height: 60px;border-top: 1px solid #dedede;font-size: 13px;color:#8a8b94;padding: 0 10px;}
.bottom .bdshare-button-style0-16 a{height: 30px;padding-left: 30px;margin: 15px 15px 15px 0;}
.bottom .bdshare-button-style0-16 .bds_sqq{background: url("../images/share_qq.png") center no-repeat;}
.bottom .bdshare-button-style0-16 .bds_tsina{background: url("../images/share_xl.png") center no-repeat;}
.bottom .bdshare-button-style0-16 .bds_weixin{background: url("../images/share_wx.png") center no-repeat;}
.bottom .bdshare-button-style0-16:after{display:none;}
.to_top{
    display: block;width: 70px;height: 70px;border-radius: 10px;position: absolute;z-index: 98;
    background:#221814 url("../images/to_top.png") center no-repeat;right: 1.5%;top: 1000px;
}
.foot{padding: 75px 10px 30px;}
.foot .foot_nav{float: left;}
.foot_nav dl{float: left;width: 160px;}
.foot_nav dl dt a{display: block;font-size: 16px;color:#333;font-weight: bold;line-height: 26px;margin-bottom: 6px;}
.foot_nav dl dd a{display: block;font-size: 14px;color:#666;line-height: 26px;}
.foot_nav dl dt a:hover, .foot_nav dl dd a:hover{color:#ef0000;}
.foot .foot_con{float: right;color:#333;margin-left: 55px;}
.foot_con .FC_T1{line-height: 40px;font-size: 18px;}
.foot_con .FC_T2{line-height: 36px;font-size: 26px;color:#8a8b94;font-weight: bold;}
.foot_con .FC_T3{line-height: 24px;font-size: 12px;}
.foot .foot_qr{
    float: right;padding:8px 16px 16px;background: #f8f8f8;line-height: 30px;
    text-align: center;font-size: 14px;color:#333;border-radius: 5px;
}
.foot_qr img{display: block;max-width: 100%;}
/**ind_about**/
.ind_abt{
    margin-bottom: 10px;padding:80px 0 85px;
    background: url("../images/ind_abt_bg.jpg") center bottom no-repeat;
}
.ind_abt .indAbt_T{
    text-align: center;line-height: 32px;margin-bottom: 55px;font-size: 24px;font-weight: bold;color:#333;
}
.ind_abt .indAbt_TT{
    font-size: 15px;line-height: 38px;color:#333;text-align: center;max-width: 1350px;margin: auto;padding: 0 20px;
}
.ind_abt .indAbt_link{padding-top: 55px;text-align: center;font-size: 0;}
.indAbt_link a{display: inline-block;width: 240px;font-size: 16px;line-height: 48px;color:#221814;max-width: 24%;}
.indAbt_link a i{
    display: block;width: 100px;height: 100px;margin: auto;
    /*display: block;width: 100px;height: 100px;border: 1px dashed #433a37;border-radius: 50%;margin: auto;*/
}
.indAbt_link a.IAL_1 i{background: url("../images/logo_kroneseder.png") center no-repeat;}
.indAbt_link a.IAL_2 i{background: url("../images/logo_zxlube.png") center no-repeat;}
.indAbt_link a.IAL_3 i{background: url("../images/logo_jama.png") center no-repeat;}
.indAbt_link a.IAL_4 i{background: url("../images/logo_woshou.png") center no-repeat;}
.indAbt_link a:hover{color:#ef0000;}
.indAbt_link a:hover i{animation: rubberBand 1s;}
/**product**/
.ind_pro{position: relative;}
.ind_pro .indPro_title{
    width: 34%;height: 100%;left: 0;top: 0;position: absolute;box-sizing: border-box;padding:0 85px;
    background: url("../images/ind_pro_bg.jpg") center no-repeat;background-size: cover;
}
.indPro_title .indPT_T1{font-size: 50px;line-height: 60px;font-weight:bold;color:#221814;font-family: Arial;}
.indPro_title .indPT_T2{font-size: 34px;color:#221814;margin: 25px 0;}
.indPT_T2:after{
    content: "";display: block;width: 30px;height: 4px;margin:25px 0;background: #221814;
}
.indPro_title .indPT_T3{font-size: 16px;line-height: 28px;color:#333;}
.ind_pro .indPro_list{width: 66%;margin: 0 0 0 auto;font-size: 0;}
.indPro_list .indPro_one{display: block;width: 50%;float: left;position: relative;}
.indPro_one .indPro_pic{overflow: hidden;}
.indPro_one .indPro_pic img{width: 100%;transition: all 2.5s;}
.indPro_one:hover .indPro_pic img{transform: scale(1.1);}
.indPro_one .indPro_txt{
    position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;transition: all .8s;
    background:rgba(0,0,0,.7);color:#fff;box-sizing: border-box;padding:0 25px;overflow: hidden;
}
.indPro_txt .indPro_T{font-size: 28px;text-align: center;line-height:28px;margin-bottom: 30px;}
.indPro_T:after{
    content: "";display: block;width: 40px;height: 4px;margin: 30px auto 0;background: #fff;
}
.indPro_txt .indPro_TT{line-height: 26px;font-size: 16px;max-width: 430px;margin: auto;}
.indPro_txt:after{
    content: "";display: block;width: calc(100% - 40px);height: calc(100% - 40px);
    position: absolute;left: 20px;top: 20px;border: 2px solid #fff;box-sizing: border-box;
    transition: all .8s;transform: scale(1.3);
}
.indPro_one:hover .indPro_txt{opacity: 1;}
.indPro_one:hover .indPro_txt:after{transform: scale(1);}
.indPro_one .indPro_name{
    display: none;position: absolute;width: 100%;line-height: 40px;left: 0;bottom:0;
    color:#fff;font-size: 12px;text-align: center;background: rgba(0,0,0,.5);
}
/**news**/
.ind_news_t{
    padding:20px 0 0; display: none;
}
.ind_news_t .indAbt_T{
    text-align: center;line-height: 32px;margin-bottom: 0px;font-size: 24px;font-weight: bold;color:#333;
}

.ind_news{position: relative;}
.ind_news .indNews_pic{width: 34%;height: 100%;position: absolute;left: 0;top: 0;margin: auto;}
.indNews_pic .INP_one{
    position:absolute;width: 100%;height: 100%;left: 0;top: 0;display: none;background-size: cover;
}
.ind_news .indNews_list{width: 66%;margin: 0 0 0 auto;}
.indNews_list .INB_one {
    display: block;height: 160px;padding: 25px 40px 10px 60px;
    position: relative;box-sizing: border-box;
}
.INB_one .INB_type {
    width: 85px;line-height: 28px;text-align: center;font-size: 12px;color: #666;transition: all .3s;
    border-radius: 14px;position: absolute;right: 40px;top: 30px;background: #f7f7f7;
}
.INB_one .INB_T {line-height: 38px;font-size: 22px;color: #333;width: calc(100% - 90px);transition: all .3s;}
.INB_one .INB_TT {font-size: 14px;line-height: 23px;color: #666;margin: 5px 0;transition: all .3s;}
.INB_one .INB_time {line-height: 30px;font-size: 16px;color: #999;font-family: Arial;transition: all .3s;}
.indNews_list .INB_one:nth-child(odd) {background: #f7f7f7;}
.INB_one:nth-child(odd) .INB_type {background: #fff;}
.INB_one:nth-child(odd) .INB_T {color: #666;}
.indNews_list .INB_one.act{background: #d3b674;}
.INB_one.act .INB_type{background: #fff;}
.INB_one.act .INB_TT, .INB_one.act .INB_T , .INB_one.act .INB_time{color: #fff !important;}
.ind_news .news_now{
    width: 96px;height: 56px;border-radius: 28px;position: absolute;top: calc(16.66% - 28px);transition: all .6s;
    background: #fff url("../images/more.png") center no-repeat;z-index: 2;left: calc(34% - 48px);
}
/**�����޸�**/

.nav li{position: static;}
.nav li .navEr_box{
    position: absolute;width: 100%;left: 0;top: 100%;display: none;
    padding: 30px 10px 40px;box-sizing: border-box;background: rgba(240,240,240,.9);
}
.navEr_box .navEr_intro{float:right;}
.navEr_intro .navEr_pic{width: 237px;float: left;overflow: hidden;margin:0 20px 0 30px;}
.navEr_pic img{width: 100%;transition: all 2s;}
.navEr_pic:hover img{transform: scale(1.1);}
.navEr_intro .navEr_txt{float: left;font-size: 12px;line-height: 24px;color:#333;max-width: 350px;}
.navEr_txt a{font-size: 12px;color:#e5e9fc;display: block;margin-top:10px;}
.navEr_box .navEr_main{float: right;}
.navEr_main .navEr_list{
    width: 120px;border-right: 1px solid #ef0000;float: left;text-align: center;  height: 200px;
}
.navEr_list a{
    display: block;line-height: 30px;font-size: 14px;color:#333;
}
.navEr_list a:hover{color: #ef0000;}
.nav_cir{
    position: absolute;border: 6px solid transparent;
    border-bottom:10px solid #a4a4a4;bottom:0;transition: all .6s;
}


@media (max-width: 1025px) {
    .nav li .navEr_box{position: relative;left: 0;top: 0;background: #fff;padding: 0;}
    .navEr_box .navEr_intro{display: none;}
    .navEr_box .navEr_main{float: none;}
    .navEr_main .navEr_list{
        width:100%;border-right:none;float: none;height:auto;
    }
    .navEr_list a{color:#333;}
    .navEr_list a:hover{background: #ef0000;color: #fff;}
    .nav_cir{display: none;}
}

/**2020/7/29增加**/
.nav .nav_language{
    display: none; !important;

}

@media (max-width: 1025px) {
    .nav .nav_language{display: block; !important;}
}


/**2020/7/29增加**/

/*品牌文化*/

.brandmore {
	margin: 30px 0;
}
.brandmore a {
	font-size: 12px;
	color: #fff;
	padding: 8px 20px;
	background: #e6320a;
	border-radius: 20px;
}
.honour {
	padding: 30px 0;
}
.slickhonor {
	margin: 30px 0;
}
.slickhonor .honorpic{
	display: flex;
	justify-content: center;
}
.slick-dots {
	bottom:-35px;
}
.slick-dots li.slick-active button:before {
	color: #e6320a;
}
.slick-dots li button:hover:before {
	color: #e6320a;
	opacity: .75;
}
.slick-dots li.slick-active button:before {
	content: '';
	/*background: #e6320a;*/
}
.slick-dots li.slick-active button {
	background: #e6320a;
	border-radius: 10px;
}


.spiritdemo1,.spiritdemo2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 20px;
    margin-top: 30px;

}
.spiritboxa {
	width: 49%;
	height: 200px;
	position: relative;
}
.spiritboxb {
	width: 32%;
	height: 200px;
	position: relative;
}
.spiritbox1 {
	background: url(../images/spiritpic1.png) 100% no-repeat;
	background-size: 100% 100%;
}
.spiritbox2 {
	background: url(../images/spiritpic2.png) 100% no-repeat;
	background-size: 100% 100%;
}
.spiritbox3 {
	background: url(../images/spiritpic3.png) 100% no-repeat;
	background-size: 100% 100%;
}
.spiritbox4 {
	background: url(../images/spiritpic4.png) 100% no-repeat;
	background-size: 100% 100%;
}
.spiritbox5 {
	background: url(../images/spiritpic5.png) 100% no-repeat;
	background-size: 100% 100%;
}
.spirittitle {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	z-index: 999;
	top: 30px;
	left: 20px;
}
.spirittitle2 {
	color: #2d2d2d;
	transition: 0.2s all;
}
/*.spiritbox:hover .spiritmask{
	display: block;
}*/
.spiritbox:hover .spirittitle2 {
	color: #fff;
}
.spiritmask {
	height: 80%;
	background: rgba(0,0,0,0.6);
	padding: 20px;
	display: none;
}
.spiritmask .spiritline {
	width: 10%;
	height: 1px;
	background: #868384;
	margin: 50px 0 15px;
}
.spiritmask p {
	color: #e6e6e6;
	font-size: 12px;
	line-height: 2;
}
.spiritdemo2 .spiritmask p {
	line-height: 1.5;
}

.timetree {
	width: 100%;
	background: rgba(255,255,255,0);
	padding: 50px 0;

	overflow: hidden;
}
.timetree .inner {
	overflow: hidden;
}

.timetree .inner ul {
	position: relative;
	overflow: hidden;
	/*height: 300px;*/
	padding: 0 2%;
}
.colline {
	content: '';
	position: absolute;
	left: 50%;
	/*top: 85px;*/
	width: 2px;
	transform: translateX(-1px);
	background: #d0d0d0;
	z-index: 0;
	height: 100%;
}
.timetreelist {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 30px;
}
.timetreelist:nth-child(2n) {
	flex-direction: row-reverse;
}
.timetreelist:nth-child(2n) .timebox{
	text-align: left;
}
.timetreelist .redcircle {
	width: 16px;
	height: 16px;
	border: 2px solid #fd3b3a;
	border-radius: 50%;
	background: #fff;
	margin: 0 30px;
	cursor: pointer;
	z-index: 2;
}
.timebox,.contentbox {
	width: 45%;
	text-align: left;
}
.timetreelist:nth-child(2n) .contentbox {
	text-align: right;
}
.timebox {
	text-align: right;
	font-family: 'Arial';
}
.timebox h1 {
	font-size: 20px;
	color: #2c2c2c;
	/*margin-bottom: 5px;*/
}
.timebox h2 {
	font-size: 14px;
	color: #979797;
}
.contentbox {
	font-size: 12px;
	color: #969696;
	line-height: 2;
	/*padding-bottom: 30px; */
}
.timetree .inner .open_story,.timetree .inner .close_story {
	width: 100px;
	height: 35px;
	line-height: 35px;
	font-size: 12px;
	color: #202020;
	margin: 0 auto;
	text-align: center;
	background-color: #dddddd;
	cursor: pointer;
	/*margin-top: 30px;*/
}


/*招商合作*/
.policy {
    width: 100%;
}
.policy .title {
    text-align: center;
    padding: 52px 0 46px 0;
}
.policy .title img {
    display: inline-block;
}
.policy .polist {
    height: 500px;
    position: relative;
    margin-bottom: 260px;
    background:url(../images/policy_bg2.jpg) no-repeat center top;
}
.policy .polist ul {
    width: 100%;
    margin: 0 auto;
    max-width: 800px;
    padding-top: 100px;
}
.policy .polist ul li {
    float: left;
    width: 100%;
    max-width: 200px;
    padding-top: 105px;
    margin-right: 100px;
    transition: all .2s linear;
}
.policy .polist ul li:nth-child(1) {
    background: url(../images/policy_01.png) no-repeat center top;
}
.policy .polist ul li:nth-child(2) {
    background: url(../images/policy_02.png) no-repeat center top;
}
.policy .polist ul li:nth-child(3) {
    margin-right: 0;
    background: url(../images/policy_03.png) no-repeat center top;
}
.policy .polist ul li:nth-child(1):hover {
    background: url(../images/policy_01_hover.png) no-repeat center top;
}
.policy .polist ul li:nth-child(2):hover {
    background: url(../images/policy_02_hover.png) no-repeat center top;
}
.policy .polist ul li:nth-child(3):hover {
    background: url(../images/policy_03_hover.png) no-repeat center top;
}
.policy .polist ul li .tt {
    color: #fff;
    font-size: 16px;
    margin-top: 30px;
    text-align: center;
}
.policy .polist ul li .mm {
    color: #fff;
    font-size: 12px;
    margin-top: 18px;
    text-align: center;
}
.policy .condition {
    left: 50%;
    width: 1000px;
    height: 300px;
    padding: 25px;
    bottom: -200px;
    background: #fff;
    max-width: 1000px;
    position: absolute;
    border-radius: 5px;
    margin-left: -500px;
    box-shadow: 0 0 10px #ccc;
}
.policy .condition>div {
    color: #333;
    width: 100%;
    height: 100%;
    font-size: 13px;
    line-height: 24px;
}
.advantage {
    padding: 54px 0;
}
.advantage .title {
    text-align: center;
}
.advantage .title img {
    display: inline-block;
}
.advantage .memo {
    width: 100%;
    color: #565656;
    margin: 0 auto;
    font-size: 12px;
    line-height: 30px;
    max-width: 1000px;
    text-align: center;
    margin-top: 20px;
}
.advantage ul {
    overflow: hidden;
    margin-top: 50px;
}
.advantage ul li {
    width: 100%;
    float: left;
    max-width: 160px;
    padding-top: 68px;
    margin-right: 80px;
    margin-bottom: 46px;
}
.advantage ul li:nth-child(1) {
    background: url(../images/adv_01.png) no-repeat center top;
}
.advantage ul li:nth-child(2) {
    background: url(../images/adv_02.png) no-repeat center top;
}
.advantage ul li:nth-child(3) {
    background: url(../images/adv_03.png) no-repeat center top;
}
.advantage ul li:nth-child(4) {
    background: url(../images/adv_04.png) no-repeat center top;
}
.advantage ul li:nth-child(5) {
    margin-right: 0;
    background: url(../images/adv_05.png) no-repeat center top;
}
.advantage ul li:nth-child(6) {
    background: url(../images/adv_06.png) no-repeat center top;
}
.advantage ul li:nth-child(7) {
    background: url(../images/adv_07.png) no-repeat center top;
}
.advantage ul li:nth-child(8) {
    background: url(../images/adv_08.png) no-repeat center top;
}
.advantage ul li:nth-child(9) {
    background: url(../images/adv_09.png) no-repeat center top;
}
.advantage ul li:nth-child(10) {
    margin-right: 0;
    background: url(../images/adv_10.png) no-repeat center top;
}

.advantage ul li .tt {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.advantage ul li .mm {
    color: #666666;
    font-size: 14px;
    margin-top: 12px;
    text-align: center;
}
.coop {
    padding: 42px 0;
    text-align: center;
}
.coop img {
    display: inline-block;
}
.coop .responsive {
    margin-top: 40px;
}
.coop .item {
    margin-left: 24px;
    margin-right: 24px;
    /*border: 1px solid #ccc;*/
    box-sizing: border-box;
    /*border-radius: 10px;*/
    overflow: hidden;
}
.coop .item img {
    width: 100%;
    height: 100%;

}
.slick-prev:before, .slick-next:before {
    background: #e1e1e1;
}

@media screen and (max-width: 750px) {
    .policy .polist ul li {
        width: 30%;
        margin: 0 1.5%;
    }
    .policy .polist {
        height: auto;
        margin-bottom: 0;
        overflow: hidden;
        background: #ea5135;
    }
    .policy .polist ul {
        padding-top: 30px;
        overflow: hidden;
    }
    .policy .condition {
       /* padding: 0 10px;*/
        margin-top: 20px;
        width: 100%;
        max-width: 100%;
        position: static;
        margin-left: auto;
    }
    .advantage {
        padding: 54px 10px;
    }
    .advantage ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .advantage ul li {
        width: 50%;
        float: left;
        margin-right: 0;
    }
    .coop {
        overflow: hidden;
    }
}